<!--<template>-->
<!--  <div class="login_container">-->
<!--    <div class="login_box">-->
<!--      &lt;!&ndash; 头像区域 &ndash;&gt;-->
<!--      <div class="avatar_box">-->
<!--&lt;!&ndash;        <img src="../assets/logo.jpg" alt="" />&ndash;&gt;-->
<!--      </div>-->
<!--      &lt;!&ndash; 登录表单区域 &ndash;&gt;-->
<!--      <el-form ref="loginFormRef" :model="loginForm" label-width="0px" class="login_form">-->
<!--        &lt;!&ndash; 用户名 &ndash;&gt;-->
<!--        <el-form-item prop="username">-->
<!--          <el-input v-model="loginForm.username" prefix-icon="iconfont icon-user" placeholder="请输入账号" clearable></el-input>-->
<!--        </el-form-item>-->
<!--        &lt;!&ndash; 密码 &ndash;&gt;-->
<!--        <el-form-item prop="password">-->
<!--          <el-input v-model="loginForm.password" prefix-icon="iconfont icon-3702mima" type="password" show-password placeholder="请输入密码"></el-input>-->
<!--        </el-form-item>-->
<!--        &lt;!&ndash; 按钮区域 &ndash;&gt;-->
<!--        <el-form-item class="btns">-->
<!--          <el-button type="primary" @click="Login">登录</el-button>-->
<!--          <el-button type="info" @click="resetLoginForm">重置</el-button>-->
<!--        </el-form-item>-->
<!--      </el-form>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import { login } from '../api/api'-->
<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      // 这是登录表单的数据绑定对象-->
<!--      loginForm: {-->
<!--        username: 'rendong',-->
<!--        password: '123456'-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    // 点击重置按钮，重置登录表单-->
<!--    resetLoginForm() {-->
<!--      this.$refs.loginFormRef.resetFields()-->
<!--    },-->
<!--    Login() {-->
<!--      const data = {-->
<!--        username: this.loginForm.username,-->
<!--        password: this.loginForm.password-->
<!--      }-->
<!--      login(data).then(res => {-->
<!--        console.log(res)-->
<!--        if (res.code !== 200) {-->
<!--          this.$message.error('登录失败！')-->
<!--        } else if (res.data.role == '超级管理员') {-->
<!--          this.$message.success('超管登录成功！')-->
<!--          window.sessionStorage.setItem('token', res.cookie)-->
<!--          this.$router.push('/administrator/admain')-->
<!--        } else {-->
<!--          this.$message.success('登录成功！')-->
<!--          window.sessionStorage.setItem('token', res.cookie)-->
<!--          this.$router.push('/administrator/main')-->
<!--        }-->
<!--      })-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style lang="less" scoped>-->
<!--.login_container {-->
<!--  background-color: #607eaa;-->
<!--  height: 100%;-->
<!--}-->

<!--.login_box {-->
<!--  width: 450px;-->
<!--  height: 300px;-->
<!--  background-color: #fff;-->
<!--  border-radius: 3px;-->
<!--  position: absolute;-->
<!--  left: 50%;-->
<!--  top: 50%;-->
<!--  transform: translate(-50%, -50%);-->

<!--  .avatar_box {-->
<!--    height: 130px;-->
<!--    width: 130px;-->
<!--    border: 1px solid #eee;-->
<!--    border-radius: 50%;-->
<!--    padding: 10px;-->
<!--    box-shadow: 0 0 10px #ddd;-->
<!--    position: absolute;-->
<!--    left: 50%;-->
<!--    transform: translate(-50%, -50%);-->
<!--    background-color: #fff;-->
<!--    img {-->
<!--      width: 100%;-->
<!--      height: 100%;-->
<!--      border-radius: 50%;-->
<!--      background-color: #eee;-->
<!--    }-->
<!--  }-->
<!--}-->

<!--.login_form {-->
<!--  position: absolute;-->
<!--  bottom: 0;-->
<!--  width: 100%;-->
<!--  padding: 0 20px;-->
<!--  box-sizing: border-box;-->
<!--}-->

<!--.btns {-->
<!--  display: flex;-->
<!--  justify-content: space-between;-->
<!--}-->
<!--</style>-->
